.especial-box{
	padding:0 15px 15px;
	font-size: 14px;
	color: #333;
	a{
		text-decoration: none;
	}
	.title{
		font-size: 18px;
		color: #333;
		font-weight: bold;
	}
	&-item{
		background: #fff;
		border-radius: 5px;
		margin-top: 10px;
	}
	.grandPrix{
		display: flex;
		justify-content: space-between;
		padding:18px 10px 8px;
		border-bottom:1px solid #e3e3e3;
	}
	.grandEx{
		text-align: center;
		width: 30%;
		img{
			width: 52px;
			height: 52px;
			border-radius:50%;
			border:1px #E4E4E4 solid;
			margin-bottom: 5px;
		}
	}
	.winBox{
		width: 224px;
		height: 46px;
		padding-top:8px;
		background:url(../../assets/Group-bg.png) no-repeat;
		background-size: 100% auto;
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 1.5;
	}
	.rightTxt{
		a{
			display: block;
			font-size: 12px;
			color: #0F88EB;
			margin-top: 10px;
			text-align: center;
		}
	}
	.title2{
		padding:15px;
		text-align: center;
		font-size: 14px;
	}
	.con{
		padding:0 10px;
	}
	.ml50{
		margin-left: 25px;
	}
	.con h3{ 
		font-size:16PX;
		padding-bottom: 0; 
		margin-bottom: 10px; 
		line-height: 20px; 
		color: #333;
		font-weight:normal;
	}
	.con .match {
	    position: relative;
	    padding:8px;
	    background: #f2f2f2;
	    border-radius:4px;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-align: center;
	    align-items: center;
	}
	.con .match .left {
	    overflow: hidden;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -ms-flex: 1;
	    flex: 1;
	    display: -ms-flexbox;
	    display: flex;
	    padding-right: 10%;
	}
	.con .match .line {
	    font-size: 13px;
	    height: 30px;
	    line-height: 30px;
	    width: 100%;
	    display: -ms-flexbox;
	    display: flex;
	    font-style:normal;
	    color: #333;
	}
	.con .match .line>span {
	    -ms-flex: 1;
	    flex: 1;
	    font-size:12px;
	    color: #999;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.con .match .line>div {
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex: 4;
	    flex: 4;
	    overflow: hidden;
	}
	.con .match .line>div p {
	    -ms-flex: 1;
	    flex: 1;
	    overflow: hidden;
	    color: #333;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	.con .match .line>div p:first-child {
	    text-align: right;
	}
	.c999{
		color: #999;
	}
	.con .match .line em {
		font-style:normal
	}
	.con .match .line>div em {
	    color: #ccc;
	    width: 34%;
	    text-align: center;
	    font-style:normal
	}
	.bottomInfo {
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-align: center;
	    align-items: center;
	    padding: 11px 15px;
	}
	.bottomInfo .left {
	    -ms-flex: 1;
	    flex: 1;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-align: center;
	    align-items: center;
	    height:40px;
	    font-size:14px;
	    color: #999;
	}
	.bottomInfo .left b {
	    width: 1px;
	    height:22px;
	    margin: 0 11px;
	    background: #eee;
	}
	.bottomInfo .look {
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-align: center;
	    align-items: center;
	    width:18%;
	    margin-right:10px;
	    font-size: 12px;
	}
	.bottomInfo .look i {
	    display: inline-block;
	    width: .26rem;
	    height: .18rem;
	    margin-right:8px; 
	}
	.bottomInfo .money {
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-align: center;
	    align-items: center;
	    height: .4rem;
	    font-size:.14px;
	    color:#F84948;
	}
	.icon-v-right {
		position: relative;
		width: .25rem;
		height: .25rem;
		color: #ccc;
		margin-left: -.06rem;
		margin-right: -.05rem;
	}
	.icon-v-right:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: .08rem;
		height: .08rem;
		border-top: .02rem solid #ccc;
		border-right: .02rem solid #ccc;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -.04rem;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.spriteI{ 
		background-image: url(../../assets/icon_eye.png); 
		background-repeat:no-repeat; 
		background-position:center;
		background-size:80% auto;
	}
	.wd_icon_gold {
	    display: inline-block;
	    width: .14rem;
	    height: .14rem;
	    vertical-align: top;
	    margin-right: .05rem;
	    background: url(../../assets/icon_money.png);
	    background-size: cover;
	}
	.exTab{ height:40px; }
	.exTab a{ 
		border-bottom: 1px solid #e3e3e3; 
		border-right: 1px solid #e3e3e3; 
		font-size:14px; 
		color: #333; 
		font-weight: 600; 
		line-height: 40px; 
		text-align: center; }
	.exTab a.active{ color: #FF8200; }
	.exTab a:last-child{ border-right: none; }
	.exListWrap .txtLine{ 
		padding: 17px 0 20px; 
		text-align: center; 
		font-size: 17px; 
		color: #333; 
		line-height: 24px; 
		a{
			color: #2196f3;
		}
	}
	.red{
		color: #EA4747
	}
	.mt20{
		margin-top: 20px;
	}
	.listTxt{ font-size: 18px; color: #B3855D; font-weight: 600; padding: 16px 15px; }
	.listTxt span{ font-size: 12px; color: #333; opacity: .5; margin-left: 7px; font-weight: 500; }
	.exList{ padding: 7px 2px; white-space: nowrap; overflow: hidden; overflow-x: scroll; }
	.exList::-webkit-scrollbar { display: none;}

	.exList li{ margin-bottom:20px; display: inline-block; vertical-align: top; width: 90px; margin-right:5px; text-align: center; }
	.exList li .img{ position: relative; display: inline-block; vertical-align: top; width:50px; height:50px; }
	.exList li .img img{width: 100%;height: auto; border-radius: 50%; overflow: hidden; }
	.exIcon{ position: absolute; bottom: 0; right: 0; width:16px; height:16px; background-position: -.05rem -1.12rem; }
	.exList li .img em{ 
		position: absolute; 
		top:-4px; 
		right: -7px; 
		width:12px; 
		height:12px; 
		line-height:12px; 
		background: #EA4747; 
		border-radius: 50%; 
		font-size:12px; 
		color: #fff; 
		text-align: center; }
	.exList li .img span{ 
		position: absolute; 
		width: 100%;
		height:.28rem; 
		background: #FD870B; 
		border-radius:.04rem; 
		left: 0;
		bottom: 0; 
		font-size: .2rem; 
		color: #fff; 
		line-height: .28rem; 
		text-align: center; }
	.exList li > p{ 
		font-size:12px; 
		color: #333; 
		margin-top:12px; 
		line-height: 17px; 
		white-space: nowrap; 
		 overflow: hidden;  
		 text-overflow: ellipsis;}
	.exList li > span{ 
		font-size:12px; 
		color: #EA4747; 
		display: block; 
		margin-top: 3px; }
	.exList li .more{ 
		margin: 0 auto; 
		width: 50px; 
		height: 50px; 
		background: #B0825C; 
		border-radius: 50%; }
	.exList li .more em{ 
		margin: 0 2px; 
		display: inline-block; 
		width: 6px; 
		height: 6px; 
		background: #fff; 
		border-radius: 50%; }
	.exList li:last-child{ margin-right: 0; }
	&-item-list{
		li{
			padding:15px 10px 0;
			border-bottom:1px solid #E0E0E0;
		}
		a{
			font-size: 14px;
			color: #333;
		}
		p{
			line-height: 1.5;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			font-size: 15px;
		}
		.bottomInfo{
			padding:0;
		}
	}
	.title3{
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		color: #333;
		font-weight: bold;
		margin-bottom: -20px;
		border-bottom:1px #ddd solid;
	}
	.exper_img{
		width: 45px;
		height: 45px;
		border-radius:50%;
	}
	.exper-top a{
		display: flex;
		margin-bottom: 10px;
		img{
			margin-right: 10px;
		}
		.exper-top-right{
			font-size: 14px;
			color: #000;
			p{
				line-height: 2;
			}
			span{
				font-size: 12px;
				color: #666;
			}
			i{
				font-style: normal;
				color: #F85C5B
			}
		}
	}
	.exper-com{
		display: flex;
		background:#F5F5F5;
		height: 40px;
		line-height: 40px;
		margin-top: 10px;
		padding:0 10px;
		font-size: 13px;
		color: #999999;
		span{
			margin-right: 10px;
		}
		.color_333{
			color: #333;
		}
		.icon_jt{
			flex: 1;
			margin-right: 0;
			text-align: right;
		}
	}
	.fz12{
		font-size: 12px;
	}
	.color_999{
		color: #999;
	}
	.mr10{
		margin-right: 10px;
	}
}
.exper-info{
	padding: .15rem 0 .05rem;
	text-align: center;
	font-size: .14rem;
	color: #5187FF;
}